<!DOCTYPE html>  

<html>  

<head>  

    <meta charset="UTF-8">  

    <meta name="viewport" content="width=device-width, initial-scale=1.0">  

    <title>产品月销量表格</title>  

    <link rel="stylesheet" href="styles.css">  
    <style>
        h1{
            text-align:center}
    </style>
</head>  

<body>  
    <h1>产品月销量</h1>

    <table>  

        <thead>  

            <tr>  

                <th>ID</th>  

                <th>产品名称</th>  

                <th>销量</th>  

            </tr>  

        </thead>  

        <tbody>  

            <tr>  

                <td>2021090901</td>  

                <td>马克杯</td>  

                <td>5000</td>  

            </tr>  

            <tr>  

                <td>2021090901</td>  

                <td>啤酒杯</td>  

                <td>5200</td>  

            </tr>  

            <tr>  

                <td>2021090901</td>  

                <td>塘瓷杯</td>  

                <td>3500</td>  

            </tr>  
            <tr class="last-row">         
                <td colspan="2"><strong>合计</strong></td>  

                <td>13700</td>  

            </tr>  

        </tbody>  

    </table>  

</body>  

</html>



